<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/amazeui/2.7.2/css/amazeui.min.css" rel="stylesheet">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/amazeui/2.7.2/js/amazeui.min.js"></script>



<!-- 文档地址 http://amazeui.shopxo.net/widgets/tabs/ -->
<div data-am-widget="tabs"
class="am-tabs am-tabs-default"
>
<ul class="am-tabs-nav am-cf">
	<li class="am-active"><a href="[data-tab-panel-0]">青春</a></li>
	<li><a href="[data-tab-panel-1]">彩虹</a></li>
	<li><a href="[data-tab-panel-2]">歌唱</a></li>
</ul>
<div class="am-tabs-bd">
	<div data-tab-panel-0 class="am-tab-panel am-active" style="height: 90vh">
		【青春】那时候有多好，任雨打湿裙角。忍不住哼起，心爱的旋律。绿油油的树叶，自由地在说笑。燕子忙归巢，风铃在舞蹈。经过青春的草地，彩虹忽然升起。即使视线渐渐模糊，它也在我心里。就像爱过的旋律，没人能抹去。因为生命存在失望，歌唱，所以才要歌唱。
	</div>


	<div data-tab-panel-1 class="am-tab-panel " style="height: 90vh">
		【彩虹】那时候有多好，任雨打湿裙角。忍不住哼起，心爱的旋律。绿油油的树叶，自由地在说笑。燕子忙归巢，风铃在舞蹈。经过青春的草地，彩虹忽然升起。即使视线渐渐模糊，它也在我心里。就像爱过的旋律，没人能抹去。因为生命存在失望，歌唱，所以才要歌唱。
	</div>


	<div data-tab-panel-2 class="am-tab-panel " style="height: 90vh">
		【歌唱】那时候有多好，任雨打湿裙角。忍不住哼起，心爱的旋律。绿油油的树叶，自由地在说笑。燕子忙归巢，风铃在舞蹈。经过青春的草地，彩虹忽然升起。即使视线渐渐模糊，它也在我心里。就像爱过的旋律，没人能抹去。因为生命存在失望，歌唱，所以才要歌唱。
	</div>
</div>
</div>

<script type="text/javascript">
//获取item元素
var item=$('.am-tabs-nav li');
item.click(function(){
	console.log($(this).index());
});

</script>
